
/*****菜单筛选******/


var menuFilter = function(){

     /********
     、 @headArr   renderTable里面里面二维数组
        @hideMenu   需要隐藏的数组
        菜单初始化， renderTable 回调函数里面使用，注意headArr要与html菜单的
        顺序要一致
        
        <a href="javascript:;" class="layui-btn" id="menuBtn">菜单筛选</a>
        <div class="comMenuCont" id="menuW">
           ssssssss
        </div>
     ********/
     function menuinitFn( headArr,hideMenu){
         //初始
         var menuW = $('#menuW');
         var str = '';

         for( var k=0;k<headArr.length;k++){
           if(headArr[k].field && only ){ 
             str += '<div class="comMenuCont_t">\
                       <input type="checkbox" name="menu" checked="true"/>\
                       <em>'+headArr[k].title+'</em>\
                     </div>';
           } 
         }

         menuW.html(str);
         var arrMenu = [];
         var input = $('input','#menuW');
         for( var i=0;i<headArr.length;i++ ){
            if( headArr[i].field ) {
               //hideMenu.length = 0;  //先清空
               arrMenu.push(headArr[i].field);
            }
         }
       

         $(input).each(function(i){
            $(this).attr('field',arrMenu[i]);
            $(this).attr('onOff',true);
            $(input).attr('checked',true);
         });

         for( var j=0;j<hideMenu.length;j++ ){
            $('input[field='+hideMenu[j]+']','#menuW').attr('checked',false);
         }
         menuShow()
     }

     function menuShow() {
         var input = $('input','#menuW');
         $(input).each(function(i){
             $(this).click(function(){
                var w = $(this).attr('field');
                if( $(this).attr('checked')) {
                  $(this).attr('checked',false);

                  $('[data-field='+w+']').hide();
                }else{
                  $('[data-field='+w+']').show();
                  $(this).attr('checked',true);
                }
             })
         });
     }

     return {
        menuinitFn : menuinitFn
     }
}(); 


/******点击按钮出现筛选菜单******/


showMenu();
function showMenu(){
  var menuW = $('#menuW');
  var menuOn = true;
  $('#menuBtn').click(function(){
     if( menuOn ) {
         menuW.show();
     }else{
         menuW.hide();
     }
     menuOn = ! menuOn;
  })
}


/*********生成菜单栏*********/